.restTemplate {
    padding: 0 16px;
    user-select: none;
    position: relative;
    z-index: 1;

    &>.mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--blurColor);
        backdrop-filter: blur(calc(var(--blurFilter) * 1px));
        z-index: -1;
    }

    &.RestA01 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}



.RestTooltip {
    width: 24px;
    height: 24px;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: calc(var(--padding) * 1px);

    &>span {
        font-size: calc(var(--iconSize) * 1px);
        color: var(--iconColor);
    }

    &.A01 {
        border-radius: calc(var(--radius) * 1px);
        background: var(--backColor);
        box-shadow:
            1px 1px 2px -2px var(--boxShadow),
            3px 3px 6px 0px var(--boxShadow),
            5px 5px 12px -4px var(--boxShadow);
    }

    &.A02 {
        border-radius: calc(var(--radius) * 1px);
        background: var(--backColor);
        box-shadow: 2px 2px 6px var(--boxShadow), -2px -2px 6px var(--boxShadow);
    }

    &.A03 {
        border-radius: calc(var(--radius) * 1px);
        background: var(--backColor);
        box-shadow: inset 2px 2px 6px var(--boxShadow), inset -2px -2px 6px var(--boxShadow);
    }
}